/*
References:
 - http://www.cssplay.co.uk/layouts/basics2.html
 - http://www.webreference.com/programming/css_frames/
*/

html, body {
	height: 100%; max-height: 100%;
	margin: 0; padding: 0; border: 0;
	overflow: hidden;
}

body {
	color: #54478a;
	background-color: #C5B7FF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#warning {
	margin: 16px;
	padding: 16px;
	text-align: center;
	border: 4px solid red;
}

#header,#footer {
	color: white;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	background-color: #54478a;
	padding: 0;
	width: 100%;
	position: absolute;
	left: 0;
}

#header {
	height: 50px; top: 0; line-height: 50px;
}

#footer {
	height: 20px; bottom: 0; line-height: 20px;
}

#title { font-size: 24px; }

#optionsButton { cursor: pointer; }

.indent { padding: 0 16px; }
.right {
	position: absolute;
	right: 0; top: 0;
	text-align: right;
}

#optionsButton:hover { color: #f90; }

#optionsDialog #sourceFilter { width: 440px; font-size: 14px; }

#content {
	position: fixed;
	left: 0; top: 54px; bottom: 24px; right: 0;
	overflow: auto;
	margin: 0;
	padding: 8px;
}

#template,#jsready { display: none; }
